<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>基金公司</title>
	<link rel="stylesheet" href="../css/mui.min.css">
	<link rel="stylesheet" href="../css/public.css" />
	<link rel="stylesheet" href="../css/manager.css">
	<style type="text/css">
		body,.mui-content{background-color: #edf0f4;}
		.mui-table-view-cell>a:not(.mui-btn){margin-left: 20px;}
		.top{margin-bottom: 30px;}
		.cs_right_info{top: 11px;position: absolute;right: 35px;color: #8c8c8c;}
		.manager .top{background: linear-gradient(to bottom,#fea32c 50%, #EDF0F4 50%);}
		.cs_menu_item{margin-bottom: 16px;}
		.cs_menu_icon{position: absolute;width: 22px;height: 22px;background-size: 100%;background-position: center;background-repeat: no-repeat;}
		.cs_menu_icon_1{background-image: url(../img/comp_icon_1.png);}
		.cs_menu_icon_2{background-image: url(../img/comp_icon_2.png);}
		.cs_menu_icon_3{background-image: url(../img/comp_icon_3.png);}
		.cs_menu_icon_4{background-image: url(../img/comp_icon_4.png);}
		.cs_menu_icon_5{background-image: url(../img/comp_icon_5.png);}
		.cs_menu_icon_6{background-image: url(../img/comp_icon_6.png);}
	</style>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav jjs-header">
		<h2 class="mui-title">基金公司</h2>
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left header-left-result"></a>
		<a class="mui-icon mui-icon-bars mui-pull-right header-right"></a>
	</header>
	<div class="mui-content manager fund-company">
		<div class="top">
			<div class="wrap fund-company-wrap">
				<div class="company-logo">
					<img src="../img/fund-company-bg.png" alt="" class="bg" />
					<img onerror="this.src='../img/default.png'" src="../img/fund-company-img.png" alt="" class="company-avatar" />
					<!--关注-->
			    	<button type="button" class="attention-btn"><i></i><span>关注</span></button>
				</div>
				
				<div>
					
				</div>
				<div class="company-desc">
					<h2 class="mui-title">国金基金</h2>
					<p>公司官网：<a href="#">www.gfund.com</a></p>
					<p>热线电话：400-020-0018</p>
					<p>北京市海定区西三环北路87号国际财经中心D座14层</p>
				</div>
				<ul class="mui-row company-list">
			        <li class="mui-col-sm-6 mui-col-xs-6">董事长：<a href="#">纪路</a></li>
			        <li class="mui-col-sm-6 mui-col-xs-6">企业属性：<span>中资企业</span></li>
			        <li class="mui-col-sm-6 mui-col-xs-6">总经理：<a href="#">伊庆军</a></li>
			        <li class="mui-col-sm-6 mui-col-xs-6">资产排名：<span>60/128</span></li>
			        <li class="mui-col-sm-6 mui-col-xs-6">资产净值：<span>325.10亿元</span></li>
			        <li class="mui-col-sm-6 mui-col-xs-6">规模排名：<span>60/128</span></li>
			        <li class="mui-col-sm-6 mui-col-xs-6">管理规模：<span>325.10亿元</span></li>
			        <li class="mui-col-sm-6 mui-col-xs-6">经理数量：<span>5人</span></li>
			        <li class="mui-col-sm-6 mui-col-xs-6">基金数量：<span>4只</span></li>
			        <li class="mui-col-sm-6 mui-col-xs-6">成立：<span>2011-11-02</span></li>
			    </ul>
			</div>
		</div>
		
			<div class="cs_menu_item">
				<ul class="mui-table-view">
				    <li class="mui-table-view-cell">
				    	<i class="cs_menu_icon cs_menu_icon_1"></i>
				    	<a href="http://www.baidu.com" class="mui-navigate-right">主要人员<span class="cs_right_info">详情</span></a>
				    </li>
			    </ul>
		    </div>
		    <div class="cs_menu_item">
		    	<ul class="mui-table-view">
				    <li class="mui-table-view-cell">
				    	<i class="cs_menu_icon cs_menu_icon_2"></i>
				    	<a href="" class="mui-navigate-right">基金业绩<span class="cs_right_info">详情</span></a>
				    </li>
				    <li class="mui-table-view-cell">
				    	<i class="cs_menu_icon cs_menu_icon_3"></i>
				    	<a href="" class="mui-navigate-right">旗下基金<span class="cs_right_info">详情</span></a>
				    </li>
			    </ul>
		    </div>
		    <div class="cs_menu_item">
		    	<ul class="mui-table-view">
				    <li class="mui-table-view-cell">
				    	<i class="cs_menu_icon cs_menu_icon_4"></i>
				    	<a href="" class="mui-navigate-right">旗下经理<span class="cs_right_info">详情</span></a>
				    </li>
				    <li class="mui-table-view-cell">
				    	<i class="cs_menu_icon cs_menu_icon_5"></i>
				    	<a href="" class="mui-navigate-right">经理业绩<span class="cs_right_info">详情</span></a>
				    </li>
			    </ul>
		    </div>
		    <div class="cs_menu_item">
		    	<ul class="mui-table-view">
				    <li class="mui-table-view-cell">
				    	<i class="cs_menu_icon cs_menu_icon_6"></i>
				    	<a href="" class="mui-navigate-right">公司公告<span class="cs_right_info">详情</span></a>
				    </li>
			    </ul>
		    </div>
		
	</div>
	<script src="../js/jquery.min.js"></script>
	<script src="../js/mui.min.js"></script>
	<script src="../js/public.js"></script>
	<script>
		$(function(){
			$(".attention-btn").on("click",function(){
				var text = $(this).find('span').text()
				if(text =='关注' ){
					$(this).find('span').text("已关注")
					$(this).find('i').css({'background':'url(../img/qg.png)',"backgroundSize":'cover'})
				}else{
					$(this).find('span').text("关注")
					$(this).find('i').css({'background':'url(../img/gz.png)',"backgroundSize":'cover'})
				}
				
			})
		})
	</script>
</body>
</html>